<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>猫耳FM_来自二次元的声音_( :3」∠)_M站</title>
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./css/footer.css">
</head>

<body>
  <!-- 头部开始 -->
  <div id="header">
    <div class="header-content">
      <!-- 左侧导航 -->
      <ul class="header-nav">
        <li class="homepage active">
          <a href="javascript:;" title="主站">主站</a></li>
        <li>
          <a href="javascript:;" title="音频直播间">音频直播间</a>
        </li>
        <li>
          <a href="javascript:;" title="活动">活动</a>
        </li>
        <li>
          <a href="javascript:;" title="手机客户端">手机客户端</a>
        </li>
        <li>
          <a href="javascript:;" title="网络表演" target="_blank">网络表演</a>
        </li>
      </ul>
      <!-- 右侧导航 -->
      <ul class="header-opts">
        <li class="header-input homepage">
          <form action="">
            <input type="text" class="search-text" placeholder="搜索音频，剧集，直播，用户" maxlength="20">
            <button class="btn"></button>
          </form>
        </li>
        <li>
          <a href="javascript:;" title="登录/注册">登录/注册</a>
        </li>
        <li class="upload">
          <a target="_blank" href="javascript:;" title="投稿">投稿</a>
        </li>
      </ul>
    </div>
  </div>
  <!-- 头部结束 -->
  <!-- 主要内容开始 -->
  <div class="new-content container">
    <!-- 顶部大图 -->
    <div class="pic"></div>
    <!-- 导航条 -->
    <div class="nav">
      <div class="container nav-con clearfix">
        <div class="nav-con-left fl">
          <div class="nav-list"><a href="javascript:;" class="homepage">首页</a></div>
          <div class="nav-list">
            <a href="javascript:;">有声漫画</a>
            <ul>
              <li>
                <span class="dot"></span>
                <a href="javascript">全年龄</a>
              </li>
              <li>
                <span class="dot"></span>
                <a href="javascript">言情</a>
              </li>
              <li>
                <span class="dot"></span>
                <a href="javascript">纯爱</a>
              </li>
            </ul>
          </div>
          <div class="nav-list"><a href="javascript:;">广播剧</a></div>
          <div class="nav-list"><a href="javascript:;">音乐</a></div>
          <div class="nav-list"><a href="javascript:;">声音恋人</a></div>
          <div class="nav-list">
            <a href="javascript:;">娱乐</a>
            <ul>
              <li>
                <span class="dot"></span>
                <a href="javascript">全年龄</a>
              </li>
              <li>
                <span class="dot"></span>
                <a href="javascript">言情</a>
              </li>
              <li>
                <span class="dot"></span>
                <a href="javascript">纯爱</a>
              </li>
            </ul>
          </div>
          <div class="nav-list"><a href="javascript:;">日抓</a></div>
          <div class="nav-list"><a href="javascript:;">听书</a></div>
          <div class="nav-list"><a href="javascript:;">铃声</a></div>
          <div class="nav-list"><a href="javascript:;">放松</a></div>
        </div>
        <div class="nav-con-right fr">
          <a href="javascript:;" class="guangboju"></a>
          <a href="javascript:;" class="live"></a>
        </div>
      </div>
    </div>
    <!-- banner图 -->
    <div class="banner clearfix">
      <div class="banner-left fl">
        <div class="b-l-con">
          <a href="javascript" class="active"></a>
          <a href="javascript"></a>
          <a href="javascript"></a>
          <a href="javascript"></a>
          <a href="javascript"></a>
        </div>
        <div class="b-l-foot">
          <p class="active">《给校草当男友的日子》第二季 第五集</p>
          <ul class="dotted clearfix">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </div>
      </div>
      <div class="banner-right fr">
        <div class="banner-r-img">
          <a href="javascript:;" class="cover">
            <img src="./image/icon03.jpg" alt="">
            <div class="title"><span>妖妖切克闹 第二十一集</span></div>
          </a>
          <a href="javascript:;" class="cover">
            <img src="./image/icon05.jpg" alt="">
            <div class="title"><span>3D治愈男声《某某》主题曲《第七年》木木的3D音乐实验室</span></div>
          </a>
          <a href="javascript:;" class="cover">
            <img src="./image/icon06.jpg" alt="">
            <div class="title"><span>妖妖切克闹 第二十一集</span></div>
          </a>
          <a href="javascript:;" class="cover">
            <img src="./image/icon07.jpg" alt="">
            <div class="title"><span>妖妖切克闹 第二十一集</span></div>
          </a>
        </div>
      </div>
    </div>
    <!-- 热门音单 -->
    <div class="hot-album h278">
      <div class="hot-album-title clearfix">
        <div class="h-a-t-left fl">
          <div class="a-title fl">热门音单</div>
          <a href="javascript:;" class="a-more fr">更多</a>
        </div>
        <div class="h-a-t-right fl">
          <div class="a-title">声优/社团剧场</div>
        </div>
      </div>
      <div class="hot-album-inner clearfix">
        <div class="h-a-i-left fl">
          <div class="ablum-content ears">
            <a href="javascript:;">
              <img src="./image/icon04.jpeg" alt="">
              <div class="a-c-title">森林协奏曲</div>
            </a>
            <p>总播放量：3万</p>
          </div>
          <div class="ablum-content ears">
            <a href="javascript:;">
              <img src="./image/fanyi.jpg" alt="">
              <div class="a-c-title">【解压放松】海与月</div>
            </a>
            <p>总播放量：9594</p>
          </div>
          <div class="ablum-content ears">
            <a href="javascript:;">
              <img src="./image/icon04.jpeg" alt="">
              <div class="a-c-title">森林协奏曲</div>
            </a>
            <p>总播放量：3万</p>
          </div>
          <div class="ablum-content ears">
            <a href="javascript:;">
              <img src="./image/fanyi.jpg" alt="">
              <div class="a-c-title">寺庙梵音</div>
            </a>
            <p>总播放量：3027</p>
          </div>
        </div>
        <div class="h-a-i-right fr">
          <a href="javascript:;" class="square"></a>
        </div>
      </div>
    </div>
    <!-- 精彩周更 -->
    <div class="marvellous clearfix">
      <div class="hot-album-title clearfix">
        <div class="h-a-t-left fl">
          <div class="a-title fl">精彩周更</div>
          <p class="fl">近期更新精彩广播剧</p>
        </div>
        <div class="h-a-t-right fl">
          <div class="a-title">广播剧打赏周榜榜</div>
        </div>
      </div>
      <div class="m-content">
        <div class="m-left fl">
          <div class="m-time">
            <div class="m-t-list">
              <a class="l-item">
                <span>今天</span>
                <span class="item-dot">.</span>
                <span>11-03</span>
              </a>
            </div>
            <div class="m-t-list">
              <a class="l-item w700">
                <span>明天</span>
                <span class="item-dot">.</span>
                <span>11-04</span>
              </a>
            </div>
          </div>
          <ul class="m-content h278 clearfix">
            <li class="m-c-item">
              <a href="javascript:;" class="img">
                <img src="./image/tlmm.jpg" alt="">
              </a>
              <a href="javascript:;" class="m-c-title">图灵密码 第二季</a>
              <p>猫耳FM、燃也文化联合出品</p>
            </li>
            <li class="m-c-item">
              <a href="javascript:;" class="img">
                <img src="./image/moumou.jpg" alt="">
              </a>
              <a href="javascript:;" class="m-c-title">某某 第一季</a>
              <p>猫耳FM、声罗万象联合出品</p>
            </li>
            <li class="m-c-item">
              <a href="javascript:;" class="img">
                <img src="./image/moumou.jpg" alt="">
              </a>
              <a href="javascript:;" class="m-c-title">某某 第一季</a>
              <p>猫耳FM、声罗万象联合出品</p>
            </li>
            <li class="m-c-item">
              <a href="javascript:;" class="img">
                <img src="./image/moumou.jpg" alt="">
              </a>
              <a href="javascript:;" class="m-c-title">某某 第一季</a>
              <p>猫耳FM、声罗万象联合出品</p>
            </li>
          </ul>
        </div>
        <div class="fr">
          <ul class="week-list">
            <li class="w-item clearfix">
              <span class="i-con01 icon fl"></span>
              <a href="javascript:;" class="fl cover">
                <img src="./image/liuyi.jpg" alt="">
              </a>
              <div class="title fl">
                <a href="javascript:;" class="play">六爻 第一季</a>
                <span class="update">更新中</span>
              </div>
            </li>
            <li class="w-item clearfix">
              <span class="i-con02 icon fl"></span>
              <a href="javascript:;" class="fl cover">
                <img src="./image/qjj.jpg" alt="">
              </a>
              <div class="title fl">
                <a href="javascript:;" class="play">将进酒 第二季</a>
                <span class="update">更新中</span>
              </div>
            </li>
            <li class="w-item clearfix">
              <span class="i-con03 icon fl"></span>
              <a href="javascript:;" class="fl cover">
                <img src="./image/liuyi.jpg" alt="">
              </a>
              <div class="title fl">
                <a href="javascript:;" class="play">六爻 第一季</a>
                <span class="update">更新中</span>
              </div>
            </li>
            <li class="w-item clearfix item">
              <span class="num fl">4</span>
              <div class="title fl other">
                <a href="javascript:;" class="play">魔道祖师 第三季</a>
                <span class="update">已完结</span>
              </div>
            </li>
            <li class="w-item clearfix item">
              <span class="num fl">5</span>
              <div class="title fl other">
                <a href="javascript:;" class="play">你的距离</a>
                <span class="update">更新中</span>
              </div>
            </li>
            <li class="w-item clearfix item">
              <span class="num fl">6</span>
              <div class="title fl other">
                <a href="javascript:;" class="play">默读 第五季</a>
                <span class="update">更新中</span>
              </div>
            </li>
          </ul>
          <a href="javascript:;" class="checkMore">查看更多</a>
        </div>

      </div>
    </div>
    <!-- 中间横幅 -->
    <div class="m-banner clearfix">
      <a href="javascript:;" class="m-b-left fl">
        <img src="./image/homepage.png" alt="">
      </a>
      <a href="javascript:;" class="m-b-right fr">
        <img src="./image/maoerboyfriend-banner.png" alt="">
      </a>
    </div>
    <!-- 有声漫画 -->
    <div class="hot-album h278 cartoon">
      <div class="hot-album-title clearfix">
        <div class="h-a-t-left fl">
          <div class="a-title fl">有声漫画</div>
          <a href="javascript:;" class="a-more fr">更多</a>
        </div>
        <div class="h-a-t-right fl c-right">
          <div class="a-title">
            <span class="fl">排行</span>
            <ul class="c-icon fr">
              <li class="active">本周</li>
              <li>三日</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="hot-album-inner clearfix">
        <div class="h-a-i-left fl">
          <div class="ablum-content">
            <a href="javascript:;">
              <img src="./image/cnl.webp" alt="">
              <div class="a-c-title cartoon-title">【有声漫画】卖萌搞笑《超能力男子高校日常》第一</div>
            </a>
            <div class="info clearfix" id="info">
              <span class="info-left fl"><i class="icon icon-tv"></i>2.9万</span>
              <span class="info-right fr"><i class="icon icon-com"></i>852</span>
            </div>
          </div>
          <div class="ablum-content">
            <a href="javascript:;">
              <img src="./image/lby.webp" alt="">
              <div class="a-c-title cartoon-title">【六月配音联盟】两不疑 第六话</div>
            </a>
            <div class="info clearfix">
              <span class="info-left fl"><i class="icon icon-tv"></i>3.1万</span>
              <span class="info-right fr"><i class="icon icon-com"></i>340</span>
            </div>
          </div>
          <div class="ablum-content">
            <a href="javascript:;">
              <img src="./image/cnl.webp" alt="">
              <div class="a-c-title cartoon-title">【有声漫画】卖萌搞笑《超能力男子高校日常》第一</div>
            </a>
            <div class="info clearfix">
              <span class="info-left fl"><i class="icon icon-tv"></i>2.9万</span>
              <span class="info-right fr"><i class="icon icon-com"></i>852</span>
            </div>
          </div>
          <div class="ablum-content">
            <a href="javascript:;">
              <img src="./image/lby.webp" alt="">
              <div class="a-c-title cartoon-title">【六月配音联盟】两不疑 第六话</div>
            </a>
            <div class="info clearfix">
              <span class="info-left fl"><i class="icon icon-tv"></i>3.1万</span>
              <span class="info-right fr"><i class="icon icon-com"></i>340</span>
            </div>
          </div>
        </div>
        <div class="h-a-i-right fr">
          <a href="javascript:;" class="rangks">
            <span class="fl icons rangk01">1</span>
            <div class="first-icon fr">
              <img src="./image/cbh.webp" alt="" class="imgs fl">
              <div class="word fl">
                <p>我才不不会被女孩子欺负呢-第二话</p>
                <div class="info clearfix">
                  <span class="info-left fl"><i class="icon icon-tv"></i>2.9万</span>
                  <span class="info-right fr"><i class="icon icon-com"></i>852</span>
                </div>
              </div>
            </div>
          </a>
          <a href="javascript:;" class="rangkOther">
            <span class="fl icons rangk02">2</span>
            <div class="first-icon fl">
              <div class="word fl">
                <p>【身残志坚出品】君卿引 第一期</p>
              </div>
            </div>
          </a>
          <a href="javascript:;" class="rangkOther">
            <span class=" icons rangk03 fl">3</span>
            <div class="first-icon fl">
              <div class="word fl">
                <p>【剑网3】花花与大魔王 第六话 小小的家</p>
              </div>
            </div>
          </a>
          <a href="javascript:;" class="rangkOther">
            <span class=" icons fl">4</span>
            <div class="first-icon fl">
              <div class="word fl">
                <p>《通灵妃》第7集 【第一季完结】</p>
              </div>
            </div>
          </a>
          <a href="javascript:;" class="rangkOther">
            <span class=" icons fl">5</span>
            <div class="first-icon fl">
              <div class="word fl">
                <p>【六月配音联盟】阴阳师之生日礼物</p>
              </div>
            </div>
          </a>
          <a href="javascript:;" class="checkMore cartoonMore">查看更多</a>
        </div>
      </div>
    </div>
  </div>
  <!-- 主要内容结束 -->
  <!-- 脚部 -->
  <div class="footer">
    <p class="footer-row about-us">
      <a href="javascript:;" target="_blank">建议与反馈</a>
      <a href="javascript:;" target="_blank">侵权申诉</a>
      <a href="javascript:;" target="_blank">APP 下载</a>
      <a href="javascript:;" target="_blank">探索与发现</a>
      <a href="javascript:;" target="_blank">联系我们</a>
      <a href="javascript:;" target="_blank">加入我们</a>
      <a href="javascript:;" target="_blank">百度百科</a>
    </p>
    <p class="footer-row links">
      友情链接：
      <a href="javascript:;" target="_blank">斗破苍穹漫画</a>
      <a href="javascript:;" target="_blank">轻之文库</a>
      <a href="javascript:;" target="_blank">喵特</a>
      <a href="javascript:;" target="_blank">半次元</a>
      <a href="javascript:;" target="_blank">萌主页</a>
      <a href="javascript:;" target="_blank">快看漫画</a>
      <a href="javascript:;" target="_blank">腾讯动漫频道</a>
      <a href="javascript:;" target="_blank">豆腐</a>
      <a href="javascript:;" target="_blank">寒武纪年</a>
    </p>
    <p class="footer-row"><a style="margin: 0 4px;" target="_blank" href="javascript:;">京ICP备14055174号-1</a>|
      京ICP证: 京 B2-20192619 |<a style="margin: 0 4px;" target="_blank" href=""><img src="./image/beianicon.png"
          style="vertical-align: top;" alt="京公网安备" /> 京公网安备
        11010502034762
        号</a>| 网络文化经营许可证: 京网文 [2017] 6429-733 号 | 出版物经营许可证 京零字第朝 190234 号</p>
    <p class="footer-row">北京<span title="">喵斯拉</span>网络科技有限公司 地址:
      北京朝阳区望京SOHO塔三B座1801 电话: 010-64190806</p>
  </div>
</body>

</html>